<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <meta http-equiv="X-UA-Compatible" content="ie=edge"> -->
    <script src="../assets/flexible/flexible.debug.js"></script>
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/first.css">
    <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
</head>

<body>
    <div class="top">
        <header class="header">
            <div class="left">
                <h2>什么值得买</h2>
            </div>
            <div class="right">
                <figure><img src="../images/seach.png" alt=""></figure>
                <figure><img src="../images/wei.png" alt=""></figure>
                <figure><img src="../images/jia.png" alt=""></figure>
            </div>
        </header>
        <ul>
            <li class="lis nav_li">
                <h3>编辑精选</h3>
            </li>
            <li class="lis">
                <h3>关注动态</h3>
            </li>
        </ul>
    </div>


    <section class="section">
        <div class="swiper-container sec_top">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <section class="swipers">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <img src="../images/cu.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="../images/yema.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="../images/hao.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="../images/yu.png" alt="">
                                </div>
                                <div class="swiper-slide"><img src="../images/ying.png" alt=""></div>
                                <div class="swiper-slide">
                                    <img src="../images/leshou.png" alt="">
                                </div>

                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>

                        </div>
                    </section>
                    <section class="dl">
                        <dl>
                            <dt>
                                <img src="../images/bai.png" alt="">
                            </dt>
                            <dd>
                                白菜专区
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/fa.png" alt="">
                            </dt>
                            <dd>
                                发现
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/pai.png" alt="">
                            </dt>
                            <dd>
                                排行榜
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/yuan.png" alt="">
                            </dt>
                            <dd>
                                原创
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/hai.png" alt="">
                            </dt>
                            <dd>
                                海淘
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/xin.png" alt="">
                            </dt>
                            <dd>
                                新人奖励
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/ling.png" alt="">
                            </dt>
                            <dd>
                                领券
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/rui.png" alt="">
                            </dt>
                            <dd>
                                新锐品牌
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/lv.png" alt="">
                            </dt>
                            <dd>
                                旅游
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/geng.png" alt="">
                            </dt>
                            <dd>
                                更多
                            </dd>
                        </dl>
                    </section>
                    <section class="scroll">
                        <div class="c_left">
                            <img src="../images/tou.png" alt="">
                        </div>
                        <div class="c_right">
                            <ul id="ul">
                                <li>
                                    【预告】微软黑五大促 笔记本电脑直降好价
                                </li>
                                <li>
                                    【海淘】建行Visa信用海淘 笔笔享8%返现
                                </li>
                                <li>
                                    【攻略】备战黑五之转运--转运注册详情
                                </li>
                                <li>
                                    【促销】亚马逊海外购大牌牛仔多款新低价
                                </li>
                                <li>
                                    【资讯】当VR遇上化 工现场试玩ViVe Focus
                                </li>
                            </ul>
                        </div>
                    </section>
                    <section class="zhi">
                        <div class="title1">
                            <p>值精选</p>
                        </div>
                        <div class="tops">


                            <div class="zhi_left">
                                <a href="">
                                    <dl>
                                        <dd>
                                            <h2>北欧风新房装修</h2>
                                            <span>关于软装的选择</span>
                                        </dd>
                                        <dt><img src="../images/bei.png" alt=""></dt>

                                    </dl>
                                </a>
                            </div>
                            <div class="zhi_right">
                                <div class="right_top">
                                    <a href="">
                                        <dl>
                                            <dt><img src="../images/XBOX.png" alt=""></dt>
                                            <dd>
                                                <h2>Xbox Pass月费会员</h2>
                                                <span>1.7元畅玩100+游戏大作</span>
                                            </dd>
                                        </dl>
                                    </a>
                                </div>
                                <div class="right_bottom">
                                    <a href="">
                                        <dl>
                                            <dd>
                                                <h2>亚马逊海外购</h2>
                                                <span>支付宝减免</span>
                                            </dd>
                                            <dt>
                                                <img src="../images/zhifu.png" alt="">
                                            </dt>

                                        </dl>
                                    </a>
                                    <a href="">
                                        <dl class="dll">
                                            <dd>
                                                <h2>可儿同款</h2>
                                                <span>比双11还便宜</span>
                                            </dd>
                                            <dt>
                                                <img src="../images/ke.png" alt="">
                                            </dt>

                                        </dl>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <a href="">
                                <dl>
                                    <dd>
                                        <h2>阿迪小椰子</h2>
                                        <span>新低到手300元</span> </dd>
                                    <dt>
                                        <img src="../images/adi.png" alt="">
                                    </dt>

                                </dl>
                            </a>
                            <a href="">
                                <dl>
                                    <dd>
                                        <h2>iphoneX64</h2>
                                        <span>现货8348元</span>
                                    </dd>
                                    <dt>
                                        <img src="../images/iphone6.png" alt="">
                                    </dt>

                                </dl>
                            </a>
                            <a href="">
                                <dl>

                                    <dd>
                                        <h2>唐人神腊肉</h2>
                                        <span>低至19.9元/斤</span>
                                    </dd>
                                    <dt>
                                        <img src="../images/la.png" alt="">
                                    </dt>
                                </dl>
                            </a>
                            <a href="">
                                <dl>

                                    <dd>
                                        <h2>网红口罩</h2>
                                        <span>再到好价</span>
                                    </dd>
                                    <dt>
                                        <img src="../images/kou.png" alt="">
                                    </dt>
                                </dl>
                            </a>
                        </div>
                    </section>
                    <section class="sec">
                        <div class="title1">
                            <p>值推荐</p>
                        </div>
                        <div class="dls">
                            <dl>
                                <dt>
                                    <img src="../images/tian.png" alt="">
                                </dt>
                                <dd>
                                    <h2>天猫好券推荐</h2>
                                    <span>超值好券抢先领</span>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <img src="../images/she.png" alt="">
                                </dt>
                                <dd>
                                    <h2>摄影包免费众测</h2>
                                    <span>曼富图双肩摄影包</span>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <img src="../images/qian.png" alt="">
                                </dt>
                                <dd>
                                    <h2>值榜悄悄话</h2>
                                    <span>泄露全民之选</span>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <img src="../images/qing.png" alt="">
                                </dt>
                                <dd>
                                    <h2>来轻晒单晒一下</h2>
                                    <span>双11屯了那些好货</span>
                                </dd>
                            </dl>
                        </div>
                        <div class="tu">
                            <img src="../images/tu.png" alt="">

                        </div>
                    </section>

                    <section class="jsons">
                        <script type="text/html" id="tem">
                            {{each list v}}
                            <div class="json">
                                <div class="j_top">
                                    <img src="{{v.img}}">
                                    <h2>{{v.h2}}</h2>
                                    <p>
                                        {{v.p1}}
                                    </p>
                                    <p>
                                        {{v.p2}}
                                    </p>
                                </div>
                                <div class="zhu">
                                    <dl>
                                        <dt>
                                            <img src="{{v.imgs}}">
                                        </dt>
                                        <dd>
                                            <h2> {{v.h3}}
                                            </h2>
                                            <span>
                                            {{v.span1}}
                                        </span>
                                            <div>
                                                <p>{{v.p3}}</p>
                                                <div class="pps">
                                                    <figure>
                                                        <img src="{{v.img2}}">
                                                        <span> {{v.span2}}</span>

                                                    </figure>
                                                    <figure>
                                                        <img src="{{v.img3}}">
                                                        <span>
                                                        {{v.span3}}
                                                    </span>

                                                    </figure>
                                                </div>
                                                <!-- </p> -->
                                        </dd>
                                    </dl>
                                    </div>
                                </div>
                                {{/each}}
                        </script>
                    </section>

                    </div>
                    <div class="swiper-slide">

                        <div class="s2_top">
                            <section class="s2_sec">
                                <h1>欢迎使用关注功能</h1>
                                <h3>在这里你可以</h3>
                                <ul>
                                    <li>关注精彩能容</li>
                                    <li>自定义关注内容，想买什么关注什么</li>
                                    <li>追踪全网商品降价动态，第一时间获得降价通知</li>
                                </ul>

                            </section>
                            <section class="imgs">
                                <h2>以下是为你精选的关注内容</h2>
                                <p>至少请选择三个</p>
                                <div class="img">
                                    <script type="text/html" id="img">
                                        {{each img v}}
                                        <figure><img src="{{v.img1}}" alt="">
                                            <img src="{{v.img2}}" class="dui" id="dui">
                                            <img src="{{v.img3}}" class="duixuan" id="duixuan">
                                        </figure>
                                        {{/each}}
                                    </script>
                                    
                                </div>
                            </section>

                        </div>
                    </div>
                </div>

            </div>
            <p class="btn">
                <a href="">
                   
                        一键开启关注
                    
                    
                </a>
            </p>
    </section>
    <footer class="footer">
        <a href="">
        <dl>
            <dt>
                <img src="../images/shou1.png" alt="">
            </dt>
            <dd>
                首页
            </dd>
        </dl></a>
        <a href="../html/haojia.html">
        <dl>
            <dt>
                <img src="../images/haojia.png" alt="">
            </dt>
            <dd>
                好价
            </dd>
        </dl></a>
        <a href="../html/haowu.html">
        <dl>
            <dt>
                <img src="../images/haowu.png" alt="">
            </dt>
            <dd>
                好物
            </dd>
        </dl></a>
        <a href="./haowen.html">
        <dl>
            <dt>
                <img src="../images/haowen.png" alt="">
            </dt>
            <dd>
                好文
            </dd>
        </dl></a>
        <a href="./wode.html">
        <dl>
            <dt>
                <img src="../images/wode.png" alt="">
            </dt>
            <dd>
                我的
            </dd>
        </dl>
    </a>
    </footer>
    <script src="../assets/jquery/jquery-3.2.1.js"></script>
    <script src='../assets/swiper/js/swiper.jquery.min.js'></script>
    <script src='../assets/artTemplate/template-web.js'></script>
    <script src="../js/index.js"></script>
</body>

</html>